<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="author" content="everafter" />

	<title>Dashboard</title>

	<link rel="stylesheet" href="css/bootstrap.css" type="text/css"/>
    <link rel="stylesheet" href="css/base.css" type="text/css"/>
    <link rel="stylesheet" href="css/jquery.jscrollpane.css" type="text/css"/>
    
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
    <script type="text/javascript">
        
        $(document).ready(function(){
           
           $('.sidebar').css({'height':$(window).height() - $('.navbar-inner').height() + 'px'});
           $(window).resize(function(){
                $('.sidebar').css({'height':$(window).height() - $('.navbar-inner').height() + 'px'});
           });
           
           //$('.content-data').jScrollPane({showArrows: true});
            
        });

    </script>
</head>

<body>


<div class="navbar navbar-fixed-top">
	<div class="navbar-inner">
		<div class="container-fluid">
			<a class="brand" href="#">Promotheus</a>
			<ul class="nav">
		    	<li class="active"><a href="#">Dashboard</a></li>
			    <li><a href="#">Sales</a></li>
			    <li><a href="#">Purchase</a></li>
			    <li><a href="#">Warehouse</a></li>
			    <li><a href="#">Manufacturing</a></li>
			    <li><a href="#">Project</a></li>
			    <li><a href="#">Accounting</a></li>
			    <li><a href="#">Human Resources</a></li>
			    <li><a href="#">Tools</a></li>
		    </ul>
		    
		    <ul class="nav pull-right">
		    	<li class="dropdown">
		    		<a data-toggle="dropdown" class="dropdown-toggle" href="#">Welcome, Erwin Yusrizal <b class="caret"></b></a>
		    		<ul class="dropdown-menu">
		    			<li><a href="#">Profile</a></li>
		    			<li><a href="#">Settings</a></li>
		    			<li><a href="#">Account</a></li>
		    			<li class="divider"></li>
		    			<li><a href="#">Logout</a></li>
		    		</ul>
		    	</li>
		    </ul>
		    
		</div>
	</div>
</div><!-- nav bar end -->

<div class="my-container-fluid">
    <div class="row-fluid">
    <div class="span2 sidebar">
            <ul id="sidebarNav" class="nav nav-list">
                <li class="nav-header">Dashboard</li>
                <li class="active">
                    <a href="#collapseOne" data-parent="#sidebarNav" data-toggle="collapse">Sales</a>
                    <ul id="collapseOne" class="accordion-body collapse">
                        <li><a href="#">Sales #1</a></li>
                        <li><a href="#">Sales #2</a></li>
                        <li><a href="#">Sales #3</a></li>
                        <li><a href="#">Sales #4</a></li>
                        <li><a href="#">Sales #5</a></li>
                    </ul>
                </li>
                <li class="active"><a href="#">Purchase</a></li>
                <li class="active"><a href="#">Warehouse</a></li>
                <li class="active"><a href="#">Manufacturing</a></li>
                <li class="active"><a href="#">Project</a></li>
                <li class="active"><a href="#">Accounting</a></li>
                <li class="active"><a href="#">Human Resources</a></li>
            </ul>
    </div><!-- span3 sidebar end -->
    
    <div class="span10 container-data">
        <ul class="breadcrumb">
            <li>
            <a href="#">Home</a> <span class="divider">&raquo;</span>
            </li>
            <li>
            <a href="#">Library</a> <span class="divider">&raquo;</span>
            </li>
            <li class="active">
            <a href="#">Data</a>
            </li>
        </ul>
        <div class="navbar navbar-inner toolbar">
            <div class="navbar-inner">
		      <div class="container-fluid">
    			<ul class="nav">
    		    	<li class="active"><a href="#" title="Add New"><span class="add"></span>&nbsp;</a></li>
    			    <li><a href="#"><span class="edit" title="Edit"></span>&nbsp;</a></li>
    			    <li><a href="#"><span class="delete" title="Delete"></span>&nbsp;</a></li>
                    <li><a href="#"><span class="list" title="Show List"></span>&nbsp;</a></li>
    			    <li><a href="#"><span class="thumb" title="Show Thumbnail"></span>&nbsp;</a></li>
    		    </ul>
              </div>
            </div>
        </div><!-- toolbar end -->
        
        <div class="all-content">
            <div class="content-data">
                <div class="module filtered" id="changelist">
                    <div id="toolbar">
                        <form id="changelist-search">                    
                            <div><!-- DIV needed for valid HTML -->
                                <label for="searchbar"><img src="images/icon_searchbox.png"/></label>
                                <input type="text" size="40" name="q" value="" id="searchbar" />
                                <input type="submit" value="Search" class="btn btn-info" />
                            </div>
                        </form>
                    </div>
                    
                    <form id="changelist-form">
                        <div class="actions">
                            <label>Action: 
                                <select name="action" id="changelist-action">
                                    <option value="" selected="selected">---------</option>
                                    <option value="delete_selected">Delete selected widgets</option>
                                </select>
                            </label>                        
                            <input type="button" class="btn btn-info" title="Run the selected action" name="delete" value="Go" />
                            <span class="action-counter"><span id="selected_data">0</span> of <span id="total-data">5</span> selected</span>
                        </div>
                    
                              
                    
                        <div class="results">
                            <table cellspacing="0" id="result_list">
                                <thead>
                                    <tr>                                    
                                        <th class="action-checkbox-column" scope="col">                                    
                                            <input type="checkbox" id="action-toggle">
                                        </th>
                                        <th class="medium-width sorted ascending" scope="col">
                                            Username
                                        </th>
                                        <th scope="col">
                                            E-mail address
                                        </th>
                                        <th scope="col">
                                            First name
                                        </th>
                                        <th scope="col">
                                            Last name
                                        </th>
                                        <th scope="col">
                                            Created
                                        </th>
                                        <th scope="col">
                                            Status
                                        </th>
                                        
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="row1">
                                        <td class="action-checkbox"><input type="checkbox" value="1324464001" name="chk_user[]" class="action-select"></td>
                                        <th><a href="#">afra</a></th>
                                        <td>afra@gmail.com</td>
                                        <td>Afra</td>
                                        <td>Naila</td>
                                        <td>2011-12-21 10:40:01</td>
                                        <td style="text-align:center"><img alt="admin/icon-yes" src="images/icon-yes.gif"></td>
                                    </tr>
                                    <tr class="row2">
                                        <td class="action-checkbox"><input type="checkbox" value="1324464001" name="chk_user[]" class="action-select"></td>
                                        <th><a href="#">afra</a></th>
                                        <td>afra@gmail.com</td>
                                        <td>Afra</td>
                                        <td>Naila</td>
                                        <td>2011-12-21 10:40:01</td>
                                        <td style="text-align:center"><img alt="admin/icon-yes" src="images/icon-yes.gif"></td>
                                    </tr> 
                                    <tr class="row3">
                                        <td class="action-checkbox"><input type="checkbox" value="1324464001" name="chk_user[]" class="action-select"></td>
                                        <th><a href="#">afra</a></th>
                                        <td>afra@gmail.com</td>
                                        <td>Afra</td>
                                        <td>Naila</td>
                                        <td>2011-12-21 10:40:01</td>
                                        <td style="text-align:center"><img alt="admin/icon-yes" src="images/icon-yes.gif"></td>
                                    </tr>               
                                </tbody>
                            </table>
                        </div>
                        
                        <!-- pagination -->
                        <p class="paginator"> 
                            12 Widgets
                        </p>
                    
                </form>
            </div><!-- end changelist -->
            </div>
            
        </div>
    </div><!-- span9 content-->
    
    </div>
</div><!-- inner container end -->
</body>
</html>